<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>我们敲代码滴不懂音乐</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="shortcut icon" type="image/x-icon" href="images/logo1.png">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

</head>
<body style="user-select: none">
<!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!---
 
                                                      模态框（Modal） 

--><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!---->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"
     style="overflow: auto;">
    <div class="modal-dialog" style="overflow: auto;">
        <div class="modal-content" style="overflow: auto;">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="false">X</button>
                <h4 class="modal-title" id="myModalLabel">账号密码登录</h4>
            </div>
            <div class="modal-body" style="position: relative;">
                <form id="test" class="form-horizontal" role="form" action="/user/userLogin" method="post"
                      style="padding-left: 50px;">
                    <div class="form-group">
                        <img src="images/logo2.png" style="display: block; padding: 20px 151px">
                        <div class="erweima"><img src="images/二维码2.jpg" style="position: absolute;width: 130px;
						height: 130px;bottom: 136px;right: 31px;">
                            <p style="position: absolute;right: 64px;bottom: 106px;">联系我们</p>
                        </div>
                        <label class="col-sm-2 control-label">
                            <span class="glyphicon glyphicon-user">账号</span>
                        </label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="user_name" name="user_name"
                                   placeholder="手机号/QQ号/微信" style="width: 250px">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">
                            <span class="glyphicon glyphicon-lock">密码</span>
                        </label>
                        <div class="col-sm-10">
                            <input type="password" class="form-control" id="user_password" name="user_password"
                                   placeholder="password" style="width: 250px">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox"> 记住密码
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="modal-footer">
                            <button class="btn btn-primary" data-dismiss="btn btn-default"
                                    style="background-color: #169af3;padding: 5px 30px">登 &nbsp&nbsp&nbsp&nbsp录
                            </button>
                            <a href="/register.html" style="float: left;padding-top: 12px;">没有账号？点此注册</a>
                        </div>
                    </div>
                </form>
            </div>

        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>
<!-- /.modal -->

<!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!---
 
                                                     首页头部 

--><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!---->
<div style="width: 100%;height: 80px; background-color:#fff;position: relative;">
    <div style="position: absolute;bottom: -5px;height: 5px;width: 100%;background-color:#fff;z-index: -1;"></div>
    <div class="search1">
        <div class="logo1" style="width: 153px; padding: 20.6px 0; display: inline-block;"><img src="images/logo2.png"
                                                                                                alt=""><a href="#"></a>
        </div>
        <nav class="navmargin navbar navbar-default" role="navigation">
            <div class="shurukuang" style="padding: 20.6px 30px;">
                <form class="bs-example" role="form" action="#" method="get">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="input-group">
                                <input type="text" id="songName" name="songName" class="form-control"
                                       placeholder="为音乐而生">
                                <span class="input-group-btn">
								 <button onclick="getList2($('#songName').serialize())" class="btn btn-default"
                                         type="button">
									搜索
								</button>
							</span>


                            </div><!-- /input-group -->
                        </div><!-- /.col-lg-6 -->
                        <div id="clock">
                            <p class="time">{{ time }}</p>
                        </div>
                    </div><!-- /.row -->
                </form>
            </div>
            <!-- 图标加上搜索框结束 -->
            <div id="col10" class="dengluzhuce">
                <a class="mymusic" href="/mymusic.html" target="_blank">我的音乐</a>
                <a class="mymusic" href="/mymusic.html" target="_blank">您是第<span
                        id="user_number" style="font-size:20px;color:red;text-align:center;padding:0;"> &nbsp</span>位用户</a>
                <span class="mymusic">|</span>
                <img id="touxiang" src="images/touxiang.png" width="40px" height="40px"
                     style="display: inline-block; width: 40px;height: 40px;border:0;border-radius: 40px;margin-bottom: 5px;">
                <a id="userName" style="cursor: pointer;" class="mymusic" href="">
                    未登录</a>
                <a id="zhuXiao" onclick="zhuXiao();location.reload();" href="#">
                </a>
                <button id="display1" class="btn denglu" data-toggle="modal" data-target="#myModal">登 &nbsp&nbsp录
                </button> <!--触发模态框按钮-->
            </div>
        </nav>
    </div>
</div>
<!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!---

                                                   下方nav标签导航栏开始）

--><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!---->
<nav class="daohanglan">
    <div class="big3">
        <ul>
            <li><a class="gudingbeij erjicaidan2" href="#">首页</a></li>
            <li><a class=" erjicaidan2" href="/bangdan.html">榜单</a></li>
            <li><a class="erjicaidan2" href="/mv.html">MV</a></li>
            <li class="dropdown">
                <a class="erjicaidan2" href="#" class="dropdown-toggle" data-toggle="dropdown">
                    更多 <b class="caret"></b>
                </a>
                <ul class="dropdown-menu">
                    <li><a class="erjicaidan" href="/musicRadio.html">电台</a></li>
                    <li><a class="erjicaidan" href="/songlist.html">歌单</a></li>
                    <li><a class="erjicaidan" href="/singer.html">歌手</a></li>
                </ul>
            </li>
        </ul>
        <ul>
            <li class="youfudong"><a href="/musicSearchTest.html" target="_blank"><span
                    class="glyphicon glyphicon-search" style="font-size: 14px"> 搜索</span></a></li>
            <li class="youfudong"><a href="/musician.html" target="_blank"><span
                    class="glyphicon glyphicon-headphones" style="font-size: 14px"> 音乐人</span></a></li>
            <li class="youfudong"><span class="glyphicon glyphicon-music" style="font-size: 14px"> 轻语LIVE</span></li>
            <li class="youfudong"><a href="/QQmusic.html" target="_blank"><span
                    class="glyphicon glyphicon-star-empty" style="font-size: 14px"> 在线播放</span></a></li>
        </ul>
    </div>
    </div>
</nav>
<!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!---

                                                   然后是牛逼的轮播图

--><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!---->
<div id="myCarousel" class="carousel slide" data-ride="carousel">
    <!-- 轮播（Carousel）指标 -->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
        <li data-target="#myCarousel" data-slide-to="3"></li>
        <li data-target="#myCarousel" data-slide-to="4"></li>
        <li data-target="#myCarousel" data-slide-to="5"></li>
        <li data-target="#myCarousel" data-slide-to="6"></li>
    </ol>
    <!-- 轮播（Carousel）项目 -->
    <div class="carousel-inner">
        <div class="item active">
            <img src="https://liquan-springboot-music.oss-cn-shanghai.aliyuncs.com/images/loop_img/z1.jpg" alt="First slide" style="height: 400px; width: 100%">
        </div>
        <div class="item">
            <img src="https://liquan-springboot-music.oss-cn-shanghai.aliyuncs.com/images/loop_img/z2.jpg" alt="Second slide" style="height: 400px; width: 100%">
        </div>
        <div class="item">
            <img src="https://liquan-springboot-music.oss-cn-shanghai.aliyuncs.com/images/loop_img/z3.jpg" alt="Third slide" style="height: 400px; width: 100%">
        </div>
        <div class="item">
            <img src="https://liquan-springboot-music.oss-cn-shanghai.aliyuncs.com/images/loop_img/z4.jpg" alt="Second slide" style="height: 400px; width: 100%">
        </div>
        <div class="item">
            <img src="https://liquan-springboot-music.oss-cn-shanghai.aliyuncs.com/images/loop_img/f8.jpg" alt="Second slide" style="height: 400px; width: 100%">
        </div>
        <div class="item">
            <img src="https://liquan-springboot-music.oss-cn-shanghai.aliyuncs.com/images/loop_img/z20.jpg" alt="Second slide" style="height: 400px; width: 100%">
        </div>
        <div class="item">
            <img src="https://liquan-springboot-music.oss-cn-shanghai.aliyuncs.com/images/loop_img/z23.jpg" alt="Second slide" style="height: 400px; width: 100%">
        </div>
    </div>
    <!-- 轮播（Carousel）导航 -->
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>
<!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!---

                                                歌单推荐从此开始

--><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!---->
<div class="big4">
    <div class="gedan">
        <div class="dazi"><p>歌 单 推 荐
            <p></div>
        <div class="xiaodaohang">
            <a class=" xiaodaohnag1 xiaodaohang0" href="#">华语男歌手</a>
            <a class="xiaodaohnag2" href="#">华语女歌手</a>
            <a class="xiaodaohnag3" href="#">日韩歌手</a>
            <a class="xiaodaohnag4" href="#">欧美男歌手</a>
            <a class="xiaodaohnag5" href="#">欧美女歌手</a>
            <ul class="clearfix">
                <li style="width: 200px;">
                    <div class="zhedang">
                        <div class="bofang">
                            <div class="bofang1"><a href=""><span class="glyphicon glyphicon-play"></span></a></div>
                        </div>
                    </div>
                    <img src="https://liquan-springboot-music.oss-cn-shanghai.aliyuncs.com/images/introduce_img/f1.jpg" width="200px" height="200px"><span>每日最新单曲</span><span
                        style="font-size: 12px;color: #777;display: block;">播放量：640万</span></li>
                <li style="width: 200px;">
                    <div class="zhedang">
                        <div class="bofang">
                            <div class="bofang1"><a href=""><span class="glyphicon glyphicon-play"></span></a></div>
                        </div>
                    </div>
                    <img src="https://liquan-springboot-music.oss-cn-shanghai.aliyuncs.com/images/introduce_img/f13.jpg" width="200px" height="200px"><span>每日最新网络单曲</span><span
                        style="font-size: 12px;color: #777;display: block;">播放量：514万</span></li>
                <li style="width: 200px;">
                    <div class="zhedang">
                        <div class="bofang">
                            <div class="bofang1"><a href=""><span class="glyphicon glyphicon-play"></span></a></div>
                        </div>
                    </div>
                    <img src="https://liquan-springboot-music.oss-cn-shanghai.aliyuncs.com/images/introduce_img/z25.jpg" width="200px" height="200px"><span>最新伤感情歌</span><span
                        style="font-size: 12px;color: #777;display: block;">播放量：960万</span></li>
                <li style="width: 200px;">
                    <div class="zhedang">
                        <div class="bofang">
                            <div class="bofang1"><a href=""><span class="glyphicon glyphicon-play"></span></a></div>
                        </div>
                    </div>
                    <img src="https://liquan-springboot-music.oss-cn-shanghai.aliyuncs.com/images/introduce_img/f12.jpg" width="200px" height="200px"><span>最新古风歌曲</span><span
                        style="font-size: 12px;color: #777;display: block;">播放量：351万</span></li>
                <li style="width: 200px;">
                    <div class="zhedang">
                        <div class="bofang">
                            <div class="bofang1"><a href=""><span class="glyphicon glyphicon-play"></span></a></div>
                        </div>
                    </div>
                    <img src="https://liquan-springboot-music.oss-cn-shanghai.aliyuncs.com/images/introduce_img/f5.jpg" width="200px" height="200px"><span>最新DJ舞曲</span><span
                        style="font-size: 12px;color: #777;display: block;">播放量：680万</span></li>
            </ul>
            <ul class="clearfix">
                <li style="width: 200px;">
                    <div class="zhedang">
                        <div class="bofang">
                            <div class="bofang1"><a href=""><span class="glyphicon glyphicon-play"></span></a></div>
                        </div>
                    </div>
                    <img src="https://liquan-springboot-music.oss-cn-shanghai.aliyuncs.com/images/introduce_img/z13.jpg" width="200px" height="200px"><span>最新影视单曲</span><span
                        style="font-size: 12px;color: #777;display: block;">播放量：406万</span></li>
                <li style="width: 200px;">
                    <div class="zhedang">
                        <div class="bofang">
                            <div class="bofang1"><a href=""><span class="glyphicon glyphicon-play"></span></a></div>
                        </div>
                    </div>
                    <img src="https://liquan-springboot-music.oss-cn-shanghai.aliyuncs.com/images/introduce_img/f7.jpg" width="200px" height="200px"><span>最新欧美单曲</span><span
                        style="font-size: 12px;color: #777;display: block;">播放量：379万</span></li>
                <li style="width: 200px;">
                    <div class="zhedang">
                        <div class="bofang">
                            <div class="bofang1"><a href=""><span class="glyphicon glyphicon-play"></span></a></div>
                        </div>
                    </div>
                    <img src="https://liquan-springboot-music.oss-cn-shanghai.aliyuncs.com/images/introduce_img/f9.jpg" width="200px" height="200px"><span>最新90后歌曲</span><span
                        style="font-size: 12px;color: #777;display: block;">播放量：768万</span></li>
                <li style="width: 200px;">
                    <div class="zhedang">
                        <div class="bofang">
                            <div class="bofang1"><a href=""><span class="glyphicon glyphicon-play"></span></a></div>
                        </div>
                    </div>
                    <img src="https://liquan-springboot-music.oss-cn-shanghai.aliyuncs.com/images/introduce_img/z15.jpg" width="200px" height="200px"><span>轻语热门单曲</span><span
                        style="font-size: 12px;color: #777;display: block;">播放量：338万</span></li>
                <li style="width: 200px;">
                    <div class="zhedang">
                        <div class="bofang">
                            <div class="bofang1"><a href=""><span class="glyphicon glyphicon-play"></span></a></div>
                        </div>
                    </div>
                    <img src="https://liquan-springboot-music.oss-cn-shanghai.aliyuncs.com/images/introduce_img/z24.jpg" width="200px" height="200px"><span>最新韩剧原声</span><span
                        style="font-size: 12px;color: #777;display: block;">播放量：228万</span></li>
            </ul>
        </div>
    </div>
</div>

<!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!---

                                              开始了，排行榜，快结束了

--><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!---->
<div class="big5">
    <div class="paihang">
        <p class="da">巅 峰 排 行</p>
        <ul>
            <li class="back1">
                <img src="images/paihang-1.png" width="225.2px" height="500px">
                <div class="shang tong">
                    <p class="da1">轻语飙升榜</p>
                    <p style="font-size: 30px;font-weight: bold;	">人气</p>
                </div>
                <div class="xia tong">
                    <a class="topline rQi1" href="#">1. &nbsp 年轮说</a>
                    <a class="rQi1" href="#" style="margin-left: 42px">杨丞琳</a>
                    <a class="topline rQi2" href="#">2. &nbspJar Of Love</a>
                    <a class="rQi2" href="#" style="margin-left: 42px">曲婉婷</a>
                    <a class="topline rQi3" href="#">3. &nbsp侧脸</a>
                    <a class="rQi3" href="#" style="margin-left: 42px">于果</a>
                    <a class="topline" href="#">4. &nbsp 冷</a>
                    <a href="#" style="margin-left: 42px">莫文蔚</a>
                </div>
            </li>
            <li class="back2"><img src="images/paihan-2.png" width="225.2px" height="500px">
                <div class="shang tong">
                    <p>抖音最火榜</p>
                    <p style="font-size: 30px;font-weight: bold;	">流行</p>
                </div>
                <div class="xia tong">
                    <a class="topline lXing1" href="#">1. &nbsp 可惜没如果</a>
                    <a class="lXing1" href="#" style="margin-left: 42px">林俊杰</a>
                    <a class="topline lXing2" href="#">2. &nbsp 说散就散</a>
                    <a class="lXing2" href="#" style="margin-left: 42px">袁维娅</a>
                    <a class="topline lXing3" href="#">3. &nbsp 一个人挺好</a>
                    <a class="lXing3" href="#" style="margin-left: 42px">孟颖</a>
                    <a class="topline" href="#">4. &nbsp 生如雪花</a>
                    <a href="#" style="margin-left: 42px">马天宇</a></div>
            </li>
            <li class="back3"><img src="images/paihan-3.jpg" width="225.2px" height="500px">
                <div class="shang tong">
                    <p>轻语TOP500</p>
                    <p style="font-size: 30px;font-weight: bold;	">热歌</p>
                </div>
                <div class="xia tong">
                    <a class="topline rGe1" href="#">1. &nbsp 四块五</a>
                    <a class="rGe1" href="#" style="margin-left: 42px">艺晨</a>
                    <a class="rGe2 topline" href="#">2. &nbsp 遥不可及的你</a>
                    <a class="rGe2" href="#" style="margin-left: 42px">许继雯</a>
                    <a class="topline rGe3" href="#">3. &nbsp 你就不要想起我</a>
                    <a class="rGe3" href="#" style="margin-left: 42px">田馥甄</a>
                    <a class="topline" href="#">4. &nbsp 冬</a>
                    <a href="#" style="margin-left: 42px">好妹妹</a></div>
            </li>
            <li class="back4"><img src="images/paihan-4.jpg" width="225.2px" height="500px">
                <div class="shang tong">
                    <p>网络红歌榜</p>
                    <p style="font-size: 30px;font-weight: bold;	">新曲</p>
                </div>
                <div class="xia tong">
                    <a class="topline xQu1" href="#">1. &nbsp 我曾</a>
                    <a class="xQu1" href="#" style="margin-left: 42px">鱼大仙儿</a>
                    <a class="topline xQu2" href="#">2. &nbsp 可能否</a>
                    <a class="xQu2" href="#" style="margin-left: 42px">木小雅</a>
                    <a class="topline xQu3" href="#">3. &nbsp 感谢你曾经来过</a>
                    <a class="xQu3" href="#" style="margin-left: 42px">周思涵、Ayo97
                    </a>
                    <a class="topline" href="#">4. &nbsp生僻字</a>
                    <a href="#" style="margin-left: 42px">陈珂与</a></div>
            </li>
            <li class="back5"><img src="images/paihan-5.jpg" width="225.2px" height="500px">
                <div class="shang tong">
                    <p>伤感情歌榜</p>
                    <p style="font-size: 30px;font-weight: bold;	">经典</p>
                </div>
                <div class="xia tong">
                    <a class="topline jDian1" href="#">1. &nbsp 那个女孩</a>
                    <a class="jDian1" href="#" style="margin-left: 42px">张泽熙</a>
                    <a class="topline jDian2" href="#">2. &nbsp 年少有为</a>
                    <a class="jDian2" href="#" style="margin-left: 42px">李荣浩</a>
                    <a class="topline jDian3" href="#">3. &nbsp 男孩</a>
                    <a class="jDian3" href="#" style="margin-left: 42px">梁博</a>
                    <a class="topline" href="#">4. &nbsp 沙漠骆驼</a>
                    <a href="#" style="margin-left: 42px">展展与罗罗</a></div>
            </li>
        </ul>
    </div>
</div>

<!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!---

                                              结束了，页脚

--><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!---->
<div class="footer">
    <div class="links">
        <a hidefocus="true" href="#" target="_blank">开发者：</a>
        <a hidefocus="true" href="https://github.com/linliquan" target="_blank">林李权</a>
        <a hidefocus="true" href="https://gitee.com/linliquan/springboot-music-plus" target="_blank">码云地址</a>
        <a hidefocus="true" href="https://github.com/linliquan" target="_blank">github地址</a>
        <a hidefocus="true" href="https://zhuanlan.zhihu.com/p/70223805" target="_blank">小张和小丽的故事</a>
        <a hidefocus="true" href="https://liquan-springboot-music.oss-cn-shanghai.aliyuncs.com/pay/%E6%89%93%E8%B5%8F%E4%BD%9C%E8%80%85.jpg" target="_blank">打赏作者</a>
        <a hidefocus="true" href="#" target="_blank">广告合作</a>
    </div>
    <div class="copyright">
        <p style="-moz-user-select: text;-webkit-user-select: text;-ms-user-select: text; user-select:text">如有侵权，请联系：liquan_101@163.com </p>
        <p>Copyright&nbsp;&nbsp;©&nbsp;&nbsp;2019&nbsp;&nbsp;版权所有&nbsp;&nbsp;
            <a hidefocus="true" href="http://www.beian.miit.gov.cn" target="_blank">桂ICP备19004924号</a>
            <a hidefocus="true" class="office-verification"
               href="http://netadreg.gzaic.gov.cn/ntmm/WebSear/WebLogoPub.aspx?logo=440106106022006022000209"
               target="_blank"></a>
        </p>
    </div>
</div>
<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap-paginator.min.js"></script>
<script src="js/jquery.validate.min.js"></script>
<script src="js/tools.js"></script>
<script src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/vue.min.js"></script>

<script type="text/javascript">


    if ($.cookie("user_name") != undefined && $.cookie("user_name") != "1") {
        $("#userName").text("账号：" + $.cookie("user_name"));
        $("#userName").attr("href", "/resetpassword.html");
        $("#zhuXiao").text("注销");
        document.getElementById("touxiang").src = "images/touxiang2.jpg";
        $("#display1").attr("style", "display:none;");
    }//已在mymusic中注释

    $('#test').validate({
        submitHandler: function () {
            denglu($('#test').attr("action"), $('#test').serialize());

        }
    });//已在mymusic中注释


    //
    //
    //            获取榜单
    //
    //
    $.ajax({
        url: "musicLink/getSongRearch",
        type: "POST",
        success: function (data) {
            if (data.code == 200) {
                $(".jDian1").click(function () {//点击调用fn（）方法，并传入14，下方以此类推
                    fn(14);
                });
                $(".jDian2").click(function () {
                    fn(13);
                });
                $(".jDian3").click(function () {
                    fn(12);
                });

                $(".xQu1").click(function () {
                    fn(11);
                });
                $(".xQu2").click(function () {
                    fn(10);
                });
                $(".xQu3").click(function () {
                    fn(9);
                });

                $(".rGe1").click(function () {
                    fn(8);
                });
                $(".rGe2").click(function () {
                    fn(7);
                });
                $(".rGe3").click(function () {
                    fn(6);
                });

                $(".lXing1").click(function () {
                    fn(5);
                });
                $(".lXing2").click(function () {
                    fn(4);
                });
                $(".lXing3").click(function () {
                    fn(3);
                });

                $(".rQi1").click(function () {
                    fn(2);
                });
                $(".rQi2").click(function () {
                    fn(1);
                });
                $(".rQi3").click(function () {
                    fn(0);
                });

                $("#user_number").html($.cookie("user_id"));

                function fn(i) {//调用方法，更改cookie的信息，并跳转到播放页面
                    console.log(data.data[i].mlId);
                    $.cookie("songLink", data.data[i].mlSonglink, {expires: 7, path: "/"});
                    $.cookie("songName", data.data[i].mlSongname, {expires: 7, path: "/"});
                    $.cookie("songSinger", data.data[i].mlSinger, {expires: 7, path: "/"});
                    $.cookie("songPhoto", data.data[i].mlPhotolink, {expires: 7, path: "/"});
                    window.open("/QQmusic.html");
                }
            }
        },
        error: function (data) {
            alert(JSON.stringify(data));
        }
    })

    /* 音乐搜索 */

    function getList2(lll) {
        test
        $.ajax({
            url: "musicLink/getSongRearch",
            type: "POST",
            data: lll,
            success: function (data) {
                if (data.code == 200) {
                    var search = document.getElementById("songName").value;
                    $.cookie("song_search", search, {expires: 7, path: "/"});
                    window.open("/musicSearchTest.html");
                    var str = '';
                    /* data.data.list.length对应respon.map.list.length */
                    for (var i = 0; i < data.data.length; i++) {
                        str += '<tr>'
                            + '<td>' + data.data[i].mlSongname + '</td>'
                            + '<td>' + data.data[i].mlSinger + '</td>'
                            /* + '<td>' + data.data.list[i].ml_songLink + '</td>' */
                            + '</tr>';
                    }
                    $("table tbody").html(str);
                } else if (data.code != 200) {
                    alert("搜索不到歌曲,请重新输入！");
                }
            },
            error: function (data) {
                alert(JSON.stringify(data));
            }
        })
    }//已在mymusic中注释

    //
    //
    //           数字时钟
    //
    //
    var clock = new Vue({
        el: '#clock',
        data: {
            time: '',
            date: ''
        }
    });
    var week = ['星期天', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
    var timerID = setInterval(updateTime, 1000);
    updateTime();

    function updateTime() {
        var cd = new Date();
        clock.time = zeroPadding(cd.getHours(), 2) + ':' + zeroPadding(cd.getMinutes(), 2) + ':' + zeroPadding(cd.getSeconds(), 2);
        clock.date = zeroPadding(cd.getFullYear(), 4) + '-' + zeroPadding(cd.getMonth() + 1, 2) + '-' + zeroPadding(cd.getDate(), 2) + ' ' + week[cd.getDay()];
    };

    function zeroPadding(num, digit) {
        var zero = '';
        for (var i = 0; i < digit; i++) {
            zero += '0';
        }
        return (zero + num).slice(-digit);
    }
</script>


</body>
</html>